<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Manage Categories</title>
<%@ include file="commonref.jsp"%>
</head>
<body>
	<%@ include file="common-links.jsp"%>
	<div id="page-root">
		<form id="category-form" method="post" action="/admin/category/save">
			<fieldset style="width: 500px;">
				<legend>Add new category</legend>
				<div>
					<div>
						<input type="hidden" id="category-id" name="category-id" />
					</div>
					<div>
						<label>Category name:</label><input name="category-name"
							id="category-name" type="text" maxlength=50 class="required" />
					</div>
					<div>
						<label>Description:</label><input name="category-desc"
							id="category-desc" type="text" maxlength=100 class="optional" />
					</div>
					<div>
						<label>Parent:</label><select id="category-parent"
							name="category-parent">
							<option value="-1">[none]</option>
						</select>
					</div>
					<div>
						<label>Big Image (128x128):</label><input type="file"
							name="cat-big-image" id="cat-big-image"></input>
					</div>
					<div>
						<label>Small Image (32x32):</label><input type="file"
							name="cat-small-image" id="cat-small-image"></input>
					</div>
					<div>
						<button id="reset-category-button" value="Reset" type="reset">Reset</button>
						<button id="save-category-button" value="Submit" type="button">Submit</button>
					</div>
				</div>
			</fieldset>
		</form>
		<table id="category-table-template" border=0 cellpadding="6"
			cellspacing="0" class="template">
			<tr>
				<th>Id</th>
				<th>Name</th>
				<th>Description</th>
				<th>ParentId</th>
				<th>Action</th>
			</tr>
			<tr class="category-row hide">
				<td>1</td>
				<td>2</td>
				<td>3</td>
				<td>4</td>
				<td><a href="#" title="edit">Edit</a> <a href="#"
					title="deactivate">Deactivate</a></td>
			</tr>
		</table>
	</div>
	<script type="text/javascript" src="/content/scripts/admin/category.js">
		
	</script>
</body>
</html>